<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>腾悦科技公司</title>
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/Applet.css" />
    <link rel="stylesheet" href="./font/iconfont.css" />
      <link
      rel="stylesheet"
      href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css"
    />
    <script src="./js/bootstrap.js"></script>
    <script src="./js/jquery.js"></script>
  </head>
     <!---小程序开发-->
  <body>
 
    <!--头部-->
    <div class="nav clearfix">
      <div class="container">
        <div class="nav_top">
          <div class="nav_left animate__animated animate__bounceInLeft" style="margin-top: 19px">
           <img src="./img/tengyue.png" alt="" width="80" />
          </div>
          <div class="nav_middle" style="margin-top: 19px">
            <p>一站式 <i style="color: red">App软件开发</i> 服务</p>
            <p>9年经验|快速上线|价格透明|如期交付</p>
          </div>
          <div class="nav_right " style="margin-top: 19px">
            <img src="./img/dianhua.png" alt="" width="" />
            <div>
              <p>免费咨询热线:</p>
              <p style="color: red">18372690721</p>
            </div>
          </div>
        </div>
        <div class="nav_center"></div>
        <div class="nav_bottom">
          <ul class="list-inline">
            <li class="col-md-1"><a href="./index.html">首页</a></li>
            <li class="col-md-1"><a href="./App.html">App开发</a></li>
            <li class="col-md-1"><a href="./software.html">软件开发</a></li>
            <li class="col-md-1"><a href="./Applet.html">小程序开发</a></li>
            <li class="col-md-1"><a href="./system.html">商城系统</a></li>
            <li class="col-md-1"><a href="./About.html">关于开发</a></li>
            <li class="col-md-1"><a href="./News.html">新闻资讯</a></li>
            <li class="col-md-1"><a href="./contact .html">联系我们</a></li>
          </ul>
        </div>
      </div>
    </div>



    <!--右侧导航-->
    <div class="navbar">
      <ul>
        <li>
          <i class="iconfont icon-dianhua"></i>
          <div class="one">
            <i class="iconfont icon-dianhua"></i>
            <p>全国热线</p>
          </div>

          <div class="one-show">
            <p>全国热线</p>
            <p>18372690721</p>
          </div>
        </li>
        <li>
          <i class="iconfont icon-goutong"></i>
          <div class="two">
            <i class="iconfont icon-goutong"></i>
            <p>微信沟通</p>
          </div>
          <div class="two-show">
            <img
              src="./img/微信二维码.png"
              alt=""
              width="50"
              style="margin-left: 30px; margin-top: 20px"
            />
            <p>微信沟通</p>
          </div>
        </li>
        <li>
          <i class="iconfont icon-QQlianxiqie"></i>
          <div class="three">
            <i class="iconfont icon-QQlianxiqie"></i>
            <p>QQ沟通</p>
          </div>

          <div class="three-show">
            <p>QQ沟通</p>
            <p>94274352</p>
          </div>
        </li>
        <li>
          <i class="iconfont icon-liuyanban-05"></i>
          <div class="four">
            <i class="iconfont icon-dianhua"></i>
            <p>提交留言</p>
          </div>

          <div class="four-show">
            <p>提交留言</p>
          </div>
        </li>
      </ul>
    </div>

    
    <!--返回顶部按钮-->
    <div class="nav-btn">
        <i class="iconfont icon-xiangshangjiantou"></i>
    </div>
    
    <!-- banner图-->
    <div class="banner clearfix">
      <div class="container">
        <div class="banner-left">
          <h1 class="animate__animated animate__fadeInDown">小程序开发</h1>
          <p class="animate__animated animate__fadeInLeftBig">
            微信小程序是微信推出区别于企业订阅号、公众号的一中全新与用户链接的全新产品技术。
            无需注册、无需登录、无需下载、无需关注，超越H5，操作和APP类似，
            打开界面更快，界面操作更流畅
          </p>
          <div>立即咨询</div>
        </div>
        <div class="banner-right animate__animated animate__fadeInRight">
          <img src="./img/小程序开发banner图.webp" alt="" />
        </div>
      </div>
    </div>

    <!--什么是小程序区域-->
    <div class="program clearfix">
      <div class="container">
        <div class="program-top">
          <h1>什么是小程序</h1>
          <p>What is a small program</p>
          <u>___________________________</u>
        </div>
        <div class="program-bottom">
          <ul>
            <li>
              <img src="./img/用完即走.webp" alt="" />
              <p class="p1">用完即走</p>
              <p class="p2">
                用户不用关心是否安装太多应用的问题
                小程序随时可用，又无需安装卸载。
              </p>
            </li>
            <li>
              <img src="./img/触手可及.webp" alt="" />
              <p class="p1">触手可及</p>
              <p class="p2">
                小程序不需要下载安装， 用户扫一扫或者搜一下即可打开。
              </p>
            </li>
            <li>
              <img src="./img/分享红利.webp" alt="" />
              <p class="p1">分享红利</p>
              <p class="p2">
                小程序可方便分享到微信个人和群聊窗口，
                回话中点击即用，非常方便传播。。
              </p>
            </li>
            <li>
              <img src="./img/功能丰富.webp" alt="" />
              <p class="p1">功能丰富</p>
              <p class="p2">
                可实现定位、语音、视频、IM聊天、 重力感应、
                导航等与原生APP一样的功能。
              </p>
            </li>

            <li>
              <img src="./img/开放的用户体系.webp" alt="" />
              <p class="p1">开放的用户体系</p>
              <p class="p2">
                小程序无需登录，直接采用微信账号体系，
                极大降低用户首次使用门槛， 同时方便用户信息收集。
              </p>
            </li>
            <li>
              <img src="./img/线上线下打通.webp" alt="" />
              <p class="p1">线上线下打通</p>
              <p class="p2">
                小程序入口之一是扫描二维码， 线下用户只需简单扫码，
                即可转换为小程序用户。。
              </p>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <!--小程序怎么让人知道？区域-->
    <div class="know clearfix">
      <div class="container">
        <div class="know-top">
          <h1>小程序怎么让人知道？</h1>
          <p class="p1">How can the small program be known?</p>
          <u>_______________</u>
        </div>
        <div class="know-bottom">
          <ul>
            <li>
              <img src="./img/公众号主页.webp" alt="" />
              <p>公众号主页</p>
            </li>
            <li>
              <img src="./img/微信搜索.webp" alt="" />
              <p>微信搜索</p>
            </li>
            <li>
              <img src="./img/线下扫码.webp" alt="" />
              <p>线下扫码</p>
            </li>
            <li>
              <img src="./img/分享到群.webp" alt="" />
              <p>分享到群</p>
            </li>
            <li>
              <img src="./img/聊天顶部.webp" alt="" />
              <p>聊天顶部</p>
            </li>
            <li>
              <img src="./img/支付完成页.webp" alt="" />
              <p>支付完成页</p>
            </li>
            <li>
              <img src="./img/推荐给好友.webp" alt="" />
              <p>推荐给好友</p>
            </li>
            <li>
              <img src="./img/附近小程序.webp" alt="" />
              <p>附近小程序</p>
            </li>
            <li>
              <img src="./img/小程序列表.webp" alt="" />
              <p>小程序列表</p>
            </li>
            <li>
              <img src="./img/公众号文章.webp" alt="" />
              <p>公众号文章</p>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <!--我们的优势区域-->
    <div class="advantage clearfix">
      <div class="container">
        <div class="advantage-top">
          <h1>我们的优势</h1>
          <p>Our advantages</p>
          <u>______________</u>
        </div>
        <div class="advantage-bottom">
          <ul>
            <li>
              <img src="./img/可靠.webp" alt="" />
              <p class="p1">可靠</p>
              <p class="p2">本土团队亲力打造，专注微信平台开发与研究</p>
            </li>
            <li>
              <img src="./img/专业.webp" alt="" />
              <p class="p1">专业</p>
              <p class="p2">
                专业的小程序第三方平台服务商，Web App技术领域的先行者
              </p>
            </li>
            <li>
              <img src="./img/专注.webp" alt="" />
              <p class="p1">专注</p>
              <p class="p2">5年专注HTML5和小程序技术研究，资深的技术团队支持</p>
            </li>
            <li>
              <img src="./img/强大.webp" alt="" />
              <p class="p1">强大</p>
              <p class="p2">产品强大易用，模板+定制开发，学习成本低</p>
            </li>
            <li>
              <img src="./img/服务.webp" alt="" />
              <p class="p1">服务</p>
              <p class="p2">完善的售后服务，7×24小时人工在线问题解答，保证无忧</p>
            </li>
          </ul>
        </div>
      </div>
    </div>

 <!--项目需求区域-->
    <div class="demand clearfix">
      <div class="container">
        <div class="demand-top">
          <h1>填写您的项目需求给我们。</h1>
        </div>
        <div class="demand-center">
          <form class="form-inline">
            <div class="form-group" style="margin-left: 0">
              <input
                type="text"
                class="form-control"
                id="exampleInputName2"
                placeholder="呼叫名称"
              />
            </div>
            <div class="form-group">
              <input
                type="email"
                class="form-control"
                id="exampleInputEmail2"
                placeholder="联系电话"
              />
            </div>
            <div class="form-group">
              <input
                type="email"
                class="form-control"
                id="exampleInputEmail2"
                placeholder="请你在这里描述你的需求!"
              />
            </div>
            <button type="submit" class="btn btn-default">提交项目需求</button>
          </form>
        </div>
        <div class="demand-bottom">
          <p>*请认真填写需求信息，我们会在24小时内与您取得联系。</p>
          <p>
            *感谢您的信任，我们将尽快与您取得联系。您还可以直接来电咨询：<i
              style="color: red; font-weight: 700; font-size: 28px"
              >18372690721</i
            >
          </p>
        </div>
      </div>
    </div>
 <!--底部区域-->
     <div class="footer clearfix">
        <div class="container">
           <div class="footer-left">
            <div class="footer-left-top">
              <p>栏目导航 :</p>
               <ul> 
                 <li><a href="./index.html">首页</a></li>
              <li><a href="./App.html">App开发</a></li>
              <li><a href="./software.html">软件开发</a></li>
              <li><a href="./Applet.html">小程序开发</a></li>
              <li><a href="./system.html">商城系统</a></li>
              <li><a href="./About.html">关于开发</a></li>
              <li><a href="./News.html">新闻资讯</a></li>
              <li><a href="./contact .html">联系我们</a></li>
               </ul>
            </div>
             
            <div class="footer-left-bottom">
              <p>全国热线：18372690721     移动手机：18372690721  联系邮箱：94274352@qq.com</p>
              <p>公司地址：湖北省十堰市万达广场B座</p>
              <p>主营业务：APP开发、软件定制开发、商城系统搭建、小程序制作。微信扫一扫，获取更多详情</p>
              <p>Copyright©2022 十堰市腾悦科技有限公司 版权所有</p>
              <p>手机版 | 冀ICP备20241985号-1</p>
            </div>
           </div>
            <div class="footer-right">
              <img src="./img/微信二维码.png" alt="" width="180">
              <p>微信扫一扫,获取更多详情</p>
            </div>
        </div>
     </div>
     <script src="./js/Applet.js"></script>
  </body>
</html>
